<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页官网</title>
		<link rel="stylesheet" type="text/css" href="css/new_file.css"/>		
	</head>
	<body>
		<header>
			<!-- 最顶部 -->	
				<div class="layout">
			<div class="top-bar">				
					<a href="index.html"><img src="img/logo.png" class="logo" ></a>										
				<ul>
					<li><a href="index.html" class="index" >首页</a></li>
					<li><a href="world.html"  class="world" >世界</a></li>
					<li><a href="#" class="community">社区</a></li>
					<li><a href="#" class="shopping">商城</a></li>
					<li><a href="#" class="us">关于我们</a></li>
					<li><a href="login.html" class="login">登录</a></li>					
				</ul>
				</div>				
			</div>		
			<!-- 轮播图 -->
			<div class="layout">			
			<div class="banner" >
				<div class="layout">
					<img src="img/1.jpg" alt="scrollImage" class="img current">
				    <img src="img/2.jpg" alt="scrollImage" class="img">
					<img src="img/3.jpg" alt="scrollImage" class="img"> 
					<img src="img/4.jpg" alt="scrollImage" class="img"> 
					<img src="img/5.jpg" alt="scrollImage" class="img"> 
					<!-- 左右箭头的展示 -->
			        <div class="lf"></div>
		            <div class="lr"></div>
					 <!-- 小圆点展示 -->
			       <div class="dots">
					<span class="square"></span>
					    <span></span>
					    <span></span>
					    <span></span>
					    <span></span> 
					</div>           
				</div>
			</div>
			</div>
		</header >
			<div class="layout">			
			<div class="beijin">			
			<div class="gujian">
			<p>古剑奇谭:叁</p>	
			</div>			
			<div class="show">		
			<div class="content" id="content">			
				<ul>
					<li><img src="img/6.jpg" ></li>
					<li><img src="img/7.jpg" ></li>
					<li><img src="img/8.jpg" ></li>
					<li><img src="img/9.jpg" ></li>
					<li><img src="img/10.jpg" ></li>
				</ul>				
			</div>
			</div>
			</div>
				</div>
			<!-- 剑旋转 -->
			<div class="layout">			
			<div class="muma">	
			<img src="img/bt_top2.png" class="bt2_top2" >
			<div id="photo">
				<img src="img/1.png" >
				<img src="img/2.png" >
				<img src="img/3.png" >
				<img src="img/4.png" >
				<img src="img/5.png" >
				<img src="img/6.png" >
				<img src="img/7.png" >
				<img src="img/8.png" >
				<img src="img/7.png" >
				<img src="img/8.png" >
				</div>
					</div>	
						</div>
				<div class="layout">									
				<div class="role">
					<!-- 北洛 -->							
				<img src="img/j_6_large.jpg" class="j_6" >	
				<img src="img/bt_top2.png" class="bt_top2" >
				<img src="img/bl_rw.png" class="bl_rw" >
				<img src="img/bl_text.png" class="bl_text" >									
				<!-- 岑缨图 -->						
				<img src="img/j_14_large.jpg" class="j_14">
				<img src="img/bt_top2.png" class="bt_top2" >
				<img src="img/cy_rw.png" class="cy_rw" >
				<img src="img/cy_text.png" class="cy_text" >	
				<img src="img/tou_bl.png" class="tou_bl" onclick="tou_bl(this)" >
				<img src="img/tou_cy.png" class="tou_cy" onclick="tou_cy(this)">							
				</div>	
					</div>
				<!-- 底部 -->
				<div class="layout1">
				<div class="footer">
					<div class="img2"><img src="img/b_5_large.png" ></div>												
				    <h3>踏莲曳波涤剑骨<span>●</span>凭虚御风塑圣魂</h3>
				    <div class="wechat">
					<img src="img/wx_img.jpg" >
				</div>
				<div class="footer-nav">
					<ul>
						<li><a href="http://www.baidu.com" target="_blank">免责条款</a></li>
						<li><a href="http://www.baidu.com" target="_blank">隐私保护</a></li>
						<li><a href="http://www.baidu.com" target="_blank">咨询热点</a></li>
						<li><a href="http://www.baidu.com" target="_blank">联系我们</a></li>
						<li class="last"><a href="http://www.baidu.com" target="_blank">公司简介</a></li>
					</ul>
				</div>
				<div class="footer-copy">					
				<p>2005-2020 南华5-517版权所有，并保留所有权利</p>
				<p>ICP备案证书号：粤：ICP888888号</p>
				<p>常年法律顾问：古剑奇谭事务所&nbsp;技术支持：南华在线教育</p>
				</div>
					</div>
					</div>
				<!--音乐图标-->
				<div class="layout">									
				<img src="img/musicBtnOff.png" class="musicbtn" onclick="playPause(this)">
				<audio src="mp3/qianqiu.mp3" autoplay="autoplay" id="musicBtn" >
					当前浏览器不支持audio
				</audio>
					</div>
				<script src="js/jquery.touchSwipe.min.js" type="text/javascript" charset="utf-8"></script>
				<script src="js/jq_file.js" type="text/javascript" charset="utf-8"></script>
				<script src="js/new_file.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
